
#slider .imgBox{
    position: absolute;
    /* width:4000px; */
    height: 100%;   
    margin: 0px;
}
#slider .sliderImg{
    /* width: 400px;
    height: 300px; */
    background-size: 100% 100%;
}
   
#slider .imgBox li{
    display: inline-block;
}

#slider .slider-btn{
    position: absolute;
    height:30px;
    width:100%;
    top:50%;
    display: none;
}
#slider .slider-btn span{
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: black;
    opacity: 0.5;   
    color:white;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    
}

#slider .slider-btn .previous {
    left:0px ;
    /* border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; */
    border-radius: 0 50% 50% 0;
}
#slider .slider-btn .next {
    right:0px;
    /* border-top-left-radius: 50%;
    border-bottom-left-radius: 50%; */
    border-radius: 50% 0 0 50%;
}

#slider .order{
    position: absolute;
    width:100%;
    height:30px;
   
    text-align: center;
    bottom:30px;
}
#slider .orderUl{
    display: inline-block;
    background-color: rgba(255,0,0,0.5);
    border-radius: 10px;
}

#slider .orderUl li{
    display: inline-block;
    width:10px ;
    height:10px;
    border-radius: 50%;
    background-color: #fff;
    margin:5px;
    cursor: pointer;
  
}

#slider .orderUl .active {
    background-color: orange;
}
